<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test.js"></script>
</head>
<body>

<pre id="console"></pre>
<div id="container"></div>

<script>
function moveTo(element) {
    var x = element.offsetLeft + element.offsetWidth / 2;
    var y = element.offsetTop + element.offsetHeight / 2;
    eventSender.mouseMoveTo(x, y);
}

function dragFromTo(elementFrom, elementTo) {
    moveTo(elementFrom);
    eventSender.mouseDown();
    moveTo(elementTo);
    eventSender.mouseUp();
}

var container = document.getElementById('container');

var shadowRoot1 = container.attachShadow({mode: 'open'});
shadowRoot1.innerHTML =
    '<div id="div1" title="div1">You Satoh</div>' +
    '<div id="div2" title="div2">Sen Yarizui</div>' +
    '<div id="div3" title="div3">Ayame Shaga</div>';
var div1 = shadowRoot1.getElementById('div1');
var div2 = shadowRoot1.getElementById('div2');
var div3 = shadowRoot1.getElementById('div3');

var shadowRoot2 = div2.attachShadow({mode: 'open'});
shadowRoot2.innerHTML =
    '<div id="div4" title="div4">Hana Oshiroi</div>' +
    '<div id="div5" title="div5">Ume Shiraume</div>' +
    '<div id="div6" title="div6">Mikoto Uzu</div>';
var div4 = shadowRoot2.getElementById('div4');
var div5 = shadowRoot2.getElementById('div5');
var div6 = shadowRoot2.getElementById('div6');

dragFromTo(div4, div6);
var selection = window.getSelection();

// If anchodeNode and focusNode are not in Shadow tree, document is returned
// by internals.treeScopeRootNode().
shouldBe('internals.treeScopeRootNode(selection.anchorNode)', 'document');
shouldBe('internals.treeScopeRootNode(selection.focusNode)', 'document');

var successfullyParsed = true;
</script>
</body>
</html>
